
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.fz(@px){
	.px2rem(font-size,@px);
}

body{
	background: #f5f5f5;
}
.place{
	.px2rem(padding-top,90);
	.px2rem(height,90);
	background: #ff2e4b;
	display: flex;
	color: #fff;
	.left{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 15%;
		height: 100%;
		img{
			width: 32%;

		}
	}
	.center{
		width: 70%;
		p{
			height: 100%;
			.px2rem(line-height,90);
			text-align: center;
			.px2rem(font-size,28);
		}
	}
	.right{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 15%;
		height: 100%;
		img{
			width: 35%;
		}
	}
}

.items{
	display: flex;
	border-bottom: 1px solid #e6e6e6;
	background: #fff;
	.left{
		flex: 1;
		display: flex;
		border-right: 1px solid #e6e6e6;
		.px2rem(padding,40);
		figure{
			width: 30%;
			.px2rem(margin-left,8);
			.px2rem(margin-right,8);
			img{
				width: 100%;
			}
		}
		.info{
			.px2rem(margin-left,5);
			.total{
				.px2rem(font-size,32);
				color: #fc3853;
			}
			.count{
				.px2rem(font-size,24);
				color: #9b9b9b;
			}
		}
	}
	.right{
		flex: 1;
		display: flex;
		.px2rem(padding,40);
		figure{
			width: 30%;
			.px2rem(margin-left,8);
			.px2rem(margin-right,8);
			img{
				width: 100%;
			}
		}
		.info{
			.px2rem(margin-left,5);
			.total{
				.px2rem(font-size,32);
				color: #42b4f0;
			}
			.count{
				.px2rem(font-size,24);
				color: #9b9b9b;
			}
		}
	}
}

.chang{
	.px2rem(padding,20);
	.px2rem(font-size,24);
	color: #9d9d9d;
}

.list{
	background: #fff;
	border-top: 1px solid #e6e6e6;
	.px2rem(padding,20);
	.lists{
		border-bottom: 1px solid #e6e6e6;
		.px2rem(margin-bottom,20);
		.top{
			display: flex;
			.left{
				.px2rem(width,200);
				img{
					width: 100%;
				}
			}
			.right{
				flex: 1;
				margin-left: 3%;
				.total{
					.px2rem(font-size,30);
					color: #4d4d4d;
				}
				.shou{
					.px2rem(font-size,20);
					color: #aeaeae;
					.px2rem(margin-top,10);
					.px2rem(margin-bottom,7);
				}
				.xiang{
					.px2rem(font-size,24);
					color: #aeaeae;
					span:nth-child(2){
						border-left: 1px solid #ccc;
						border-right: 1px solid #ccc;
						.px2rem(margin-left,8);
						.px2rem(margin-right,8);
						.px2rem(padding-left,8);
						.px2rem(padding-right,8);
					}
					span:nth-child(3){
						color: #ff455f;
					}
				}
			}
		}
		.fapiao{
			.px2rem(margin-top,8);
			.px2rem(margin-bottom,15);
			.px2rem(font-size,24);
			.px2rem(padding-left,40);
			background: url(../images/piao.png) no-repeat left center;
			background-size: 5%;
			color: #9e9e9e;
		}
	}
}